<template>

  <div style="width: 100%;  position: fixed;top:0px;z-index:901;">
    <Row type="flex" justify="center" align="middle" class="code-row-bg"  style="background:url(./static/img/titleBg.png);background-size:100% 100%">
      <Col :xs="{span: 18 }" :sm="{span: 18}" :md="{span: 18}" :lg="{span: 10}"><h2 >东莞市鑫旭诚智能科技有限公司！</h2></Col>

      <Col :xs="{span: 6 }" :sm="{span: 6}" :md="{span: 6}" :lg="{span: 14}" class="titleFont">
        <Icon type="ios-chatbubbles" />
      关注微信
      </Col>
    </Row>

    <hr/>

  <Row type="flex" justify="center" align="middle" class="code-row-bg" style="background:url(./static/img/headBg.png); background-size:100% 100%; margin-top:-2px;">

    <Col :xs="{span: 3,offset: 2 }" :sm="{span: 5}" :md="{span: 5}" :lg="{span: 5,offset: 5}"><img :src="iconImgUrl"/></Col>
    <Col :xs="{span: 7 }" :sm="{span: 7}" :md="{span: 7}" :lg="{span: 4,offset: 1}">
    <Input suffix="ios-search" placeholder="搜索" style="width: auto" />
    </Col>
    <Col  :xs="{span: 8 ,offset: 2}" :sm="{span: 8}" :md="{span: 8}" :lg="{span: 8}">
    <p>全国免费咨询电话</p>
    <h3>131-25874-5444</h3>
    </Col>
  </Row>
  </div>
</template>
<script>

  export default {
    data() {
      return {
        companyImgUrl: "./static/img/company.png",
        iconImgUrl: "./static/img/icon.png",
      }
    },
    created(){
    },
    methods:{
    }

  }
</script>

<style>

  .titleFont{
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    font-size: 16px;
  }
</style>

